<script setup>
import {useRouter} from "vue-router";
import {HOME_ROUTE} from "@/router/routes/index/index.js";

const router = useRouter()

const goHome = () => {
  router.replace({name: HOME_ROUTE})
}
</script>

<template>
  <div class="error w-screen h-screen bg-gray-100 flex flex-col justify-start items-center">
    <div class="mt-24 title text-5xl">发生错误啦！让我看看是谁走丢了</div>
    <div>
      <el-button class="mt-24 w-56" type="primary" plain @click="goHome">回到主页</el-button>
    </div>
    <div>
      <img class="mt-24 w-96" src="/xwb/bookmall/admin/images/error.svg" alt="">
    </div>
  </div>
</template>

<style scoped>

</style>